.player {
  height: 370px;
  width: 100%;
}
.mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 370px;
  z-index: 666;
  background: #1e2021;
  opacity: 0.8;
}
.controls {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 370px;
  z-index: 999;
}
.controls .paly {
  width: 60px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.controls .paly p {
  color: #f1f3f3;
  font-size: 14px;
  text-align: center;
  font-family: PingFangSC-regular;
}
.controls .paly span {
  display: block;
  width: 60px;
  text-align: center;
  color: #f1f3f3;
  font-size: 35px;
}
.controls .back {
  position: absolute;
  top: 10px;
  left: 10px;
}
.controls .back span {
  display: block;
  font-size: 30px;
  width: 35px;
  height: 35px;
  color: #f1f3f3;
}
.data {
  width: 100%;
  padding: 0px 25px;
}
.data .dataBox {
  padding: 25px 0;
  width: 100%;
  border-bottom: 1px solid #bbbbbb;
}
.data .dataBox p {
  font-size: 24px;
  color: black;
  margin-bottom: 5px;
}
.data .dataBox .data1 {
  color: #8A8A8A;
  font-size: 14px;
}
.data .dataBox .data1 .data2 {
  color: black;
  font-size: 20px;
}
.userBox {
  padding-left: 25px;
}
.userBox img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin-right: 15px;
}
.userBox .user {
  align-self: center;
}
.userBox .user-D {
  font-size: 22px;
  font-family: PingFangSC-bold;
}
.userBox p {
  margin-top: 5px;
}
.detail {
  padding-left: 25px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 32px;
  color: black;
  height: 50px;
}
.sportdata {
  padding-left: 25px;
}
.sportdata p {
  margin-top: 10px;
  color: #8A8A8A;
  font-size: 14px;
}
.sportdata .datal {
  margin-right: 86px;
}
.sportdata .data2 {
  padding-left: 25px;
  border-left: 1px dashed #ccc;
}
.sportBtn {
  display: block;
  margin-top: 36px;
  margin-left: 32px;
  font-size: 18px;
  text-align: center;
  line-height: 55px;
  width: 350px;
  height: 55px;
  color: #FFFFFF;
  background-color: #4294FF;
  border-radius: 27px;
}
